草庐IT

html 图像

全部标签

javascript - Chrome 扩展 : Replace HTML before loading the page

我有一个关于如何使用Chrome扩展程序更改网页的问题。阅读一些信息后,我认为问题是如何操作DOM。假设我用Chrome打开www.stackoverflow并想替换以下代码行:并将其替换为:我的问题不是这样做是否明智,而是如何去做? 最佳答案 尝试修改list文件的run_at字符串。在“document_start”的情况下,文件在来自css的任何文件之后注入(inject),但在构建任何其他DOM或运行任何其他脚本之前。https://developer.chrome.com/docs/extensions/mv2/conte

javascript - 基于 JS/HTML5 Webkit 的移动开发的轻量级 UI 框架,具有良好的列表性能

我的问题与LookingforarecommendationforalightweightmobileHTML5/JavaScriptframework略有不同我正在加入一个针对ipad的JS/HTML5项目,目前使用Backbone.js进行MVC,使用Zepto进行dom操作。他们对jQueryMobile进行了试验,发现列表性能不尽如人意。基本上我正在寻找一个具有非病毒操作系统许可的替代移动JavascriptUI框架(Sencha似乎与gpl3一起出现,我想要一些纯粹专注于ui小部件的东西),它提供了高性能的动态列表和一个通用的iOS风格ui小部件集。我确实有使用enyo的经验

javascript - 开源 scorm 播放器纯 javascript 和 html?

有没有纯javascript和html的scorm播放器。我确实不想为此使用任何服务器端语言。我找到了一个开源Scormpool但它只是在玩scorm而不是跟踪。并且没有可用的文档。如果你们知道请帮助。 最佳答案 这也可以帮助您入门,或者您可以根据自己的需要对其进行定制。https://github.com/skfriese/simple-scorm-api这是一个基本的SCORM1.2-onlyRTE测试环境,位于一个HTML文件中,是我多年前根据自己的需要创建的。我最近才选择清理它以与他人分享。很容易将其放入您的包文件夹并从那里

javascript - 如何在图像上渲染 heatmap.js?

我正在使用heatmap.js通过GoogleMaps插件叠加热图。我希望能够将图片与热图叠加层一起下载为图像。我尝试了方法heatmapInstance.getDataURL()只返回覆盖区域而不是它覆盖的图像。 最佳答案 您需要创建一个在您的div和脚本标签中使用的idvarheatmapInstance=h337.create({container:document.getElementById('heatMap')});如您所见,我通过ID“热图”获取了元素。所以在你想要在页面上放置图片的div中,只需调用id'heatma

javascript - 在具 Angular html 容器中捕获焦点

我正在构建一个可访问的网站并尝试管理焦点。我需要打开一个模式,然后将焦点放在模式中的第一个元素上,然后捕获焦点,直到模式关闭(“取消”或“接受”)。HTMLOpenModalTermsofServiceLoremIpsumLoremIpsumLoremIpsumLoremIpsumCancelAccept/span>SeprateContentJavascriptangular.module('app').controller('Controller',modalCtrl);functionmodalCtrl(){$scope.modal={open:function(){angula

javascript - 在 React Native 中的图像顶部创建一个旋转的文本横幅(梯形)

我怎样才能像这里的Tidal一样制作一个旋转的横幅我试过制作梯形并根据http://browniefed.com/blog/the-shapes-of-react-native/将其旋转45度然后在上面放置一个旋转的文本,但是很难让它与边框对齐。varTrapezoid=React.createClass({render:function(){return()}})trapezoid:{width:200,height:0,borderBottomWidth:100,borderBottomColor:'red',borderLeftWidth:50,borderLeftColor:'

javascript - 使用过滤器的 Angular 突出显示和取消突出显示动态 html

我正在尝试编写一组过滤器来突出显示然后取消突出显示动态生成的html:高亮过滤器:app.filter('highlight',function($sce){returnfunction(str,termsToHighlight){//SorttermsbylengthtermsToHighlight.sort(function(a,b){returnb.length-a.length;});varregex=newRegExp('('+termsToHighlight.join('|')+')','g');return$sce.trustAsHtml(str.toString().r

javascript - jquery - 当图像大于容器时可拖动图像

当图像大于容器时,使图像可拖动会做一些非常古怪的事情......有人知道解决这个问题的方法吗?这是我的代码...$(document).ready(function(){$("img").draggable({containment:"div",scroll:false});});div{width:500px;height:423px;position:relative;overflow:hidden;}和... 最佳答案 如果您手动设置边界,它会起作用:$("img").draggable({containment:[0,0,5

javascript - 在 iPad/iPhone 上使用 HTML5 视频全屏显示

我正在尝试通过JavaScript在iPad/iPhone上播放和全屏显示HTML5视频元素,但是当我尝试videoElement.webkitEnterFullScreen()时,我看到一个INVALID_STATE_ERR:Dom异常11。我的Code对于Example现在,它看起来像是对thisbehavior的具体支持在此处添加:它专门防止在没有用户手势的情况下进入全屏。我的问题:有解决办法吗?我看到Vimeo的HTML5视频播放器正在以某种方式模仿这种行为here(在iPad/iPhone上)所以,这似乎是可能的。我错过了什么吗? 最佳答案

javascript - 显示像谷歌图像搜索这样的图像

有没有人知道一个脚本可以让我以Google图像搜索的方式(图像GridView)显示图像结果,并悬停以放大和显示细节?可以这么说,我可以“即插即用”的东西。 最佳答案 看看砌体http://masonry.desandro.com/ 关于javascript-显示像谷歌图像搜索这样的图像,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/6561064/